<template>
  <div>
      <div class="head">
        <image :src="src1" class="headd" resize="cover" @click="back()"></image>
        <text class="head1">实名认证</text>
      </div>
      <div class="content">
        <text class="con_1">店主认证</text>
        <text class="con_2">认证店主信息能让客户更信赖你哦</text>
        <text class="con_3">开始认证</text>
      </div>
      <div class="content">
        <text class="con_1">营业执照认证</text>
        <text class="con_2">上传营业执照能让客户更放心哦</text>
        <text class="con_3">开始认证</text>
      </div>
  </div>
</template>

<style scoped>
  .head{
      width: 100%;
      height: 48px;
      padding-top: 12px;
      box-sizing: border-box;
      line-height: 32px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      box-shadow: 1px 1px 1px #ccc;
      background-color: #fff;
    }
    .con_1{
      font-size: 22px;
      height: 22px;
      line-height: 22px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 21px;
      color: #333;
    }
    .con_2{
      height: 12px;
      line-height: 12px;
      color: #33c179;
      margin-left: auto;
      margin-right: auto;
      font-size: 12px;
      margin-top: 19px;
    }
    .con_3{
      height: 53px;
      width: 158px;
      line-height: 53px;
      font-size: 18px;
      color: #fff;
      margin-left: auto;
      margin-right: auto;
      margin-top: 49px;
      border-radius: 25px;
      background-color: #33c179;
      text-align: center;
    }
    .content{
      width: 351px;
      height: 223px;
      background-color: #e5e5e5;
      border-radius: 5px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 35px;
      justify-content: center;
      margin-bottom: 48px;
    }
    .headd{
      width: 15px;
      height: 20px;
      position: absolute;
      left: 12px;
    }
    .head1{
      font-size: 20px;
      font-weight: bold;
      color: #33c179;
    }
</style>
<script>
  export default {
    data () {
        return {
            src1: 'http://192.168.2.123:8080/img/index_back.png',//返回
        }
    },
    components: {
       
    },
    created () {
        
    },
    methods: {
      back(){
        this.$router.back(-1);
      }
    }
}
</script>